<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="decorator" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<%@taglib prefix="page" uri="http://www.opensymphony.com/sitemesh/page" %>
<%@taglib prefix="s" uri="/struts-tags" %>

<head>
    <title><decorator:title default="Struts Showcase"/></title>
    <link href="<s:url value='/styles/main.css' encode='false' includeParams='none'/>" rel="stylesheet" type="text/css" media="all"/>
    <link rel="stylesheet" type="text/css" href="/acenet/css/jGlideMenu.css" />
    <link rel="stylesheet" type="text/css" href="/acenet/css/screen.css" />
    <SCRIPT src="/acenet/js/jquery-1.6.min.js"></SCRIPT>
    <SCRIPT src="/acenet/js/jquery-ui.min.js"></SCRIPT>
    <SCRIPT src="/acenet/js/jQuery.jGlideMenu.069.js"></SCRIPT>
    <decorator:head/>
</head>

<style type="text/css">
.focus {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC #999999 #999999 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    bottom: 1px;
    overflow: hidden;
    position: fixed;
    right: 1px;
    width: 570px;
    z-index: 300;
}
.flb span {
    color: #999999;
    float: right;
}

</style>


<script type="text/javascript">
		$(document).ready(function(){
			// Initialize Menu
			$('#jGlide_001').jGlideMenu({
				tileSource	: '.jGlide_001_tiles' , 
				demoMode	: true 
			}).show();

			// Connect "Toggle" Link	
			$('#switch').click(function(){$(this).jGlideMenuToggle();});
		});
</script>

<body id="page-home">

<!-- Menu Holder -->
<div class="jGM_box" id="jGlide_001">
		This is Example One
		<!-- Tiles for Menu -->
		<ul id="tile_001" class="jGlide_001_tiles" title="浮動選單" alt="ss">
			<li rel="tile_002">Link One</li>
			<li rel="tile_003">Link Two</li>
			<li rel="tile_004">Link Three</li>
			<li><a href="http://www.google.com">Link to Google 1</a></li>
			<li><a href="http://www.google.com">Link to Google 2</a></li>
			<li><a href="http://www.google.com">Link to Google 3</a></li>
			<li><a href="http://www.google.com">Link to Google 4</a></li>
			<li><a href="http://www.google.com">Link to Google 5</a></li>
			<li><a href="http://www.google.com">Link to Google 6</a></li>
			<li><a href="http://www.google.com">Link to Google 7</a></li>
			<li><a href="http://www.google.com">Link to Google 8</a></li>
		</ul>
		<ul id="tile_002" class="jGlide_001_tiles" title="Tile Two" alt="Another Tile in This Example">
			<li rel="tile_005">Click Here</li>
			<li><a href="http://www.google.com">Link to Google</a></li>
		</ul>
		<ul id="tile_003" class="jGlide_001_tiles" title="Tile Three" alt="Third Tile is loaded up">
			<li><a href="http://www.google.com">Link to Google</a></li>
		</ul>
		<ul id="tile_004" class="jGlide_001_tiles" title="Search Engines" alt="Find your favorite search engine">
            <li><a href="http://www.google.com">Link to Google</a></li>
			<li><a href="http://www.yahoo.com">Link to Yahoo!</a></li>
			<li><a href="http://www.ask.com">Link to Ask.com</a></li>
        </ul>
		<ul id="tile_005" class="jGlide_001_tiles" title="Tile Five" alt="Active Spot Light Link">
            <li><a href="http://www.active8media.com">Link to ASL</a></li>
        </ul>
		<!-- Tiles for Menu -->
</div>
<!-- Menu Holder -->

<div id="page">
    <div id="header">
         <a href="#" id="switch">選單開啟/關閉</a>
         &nbsp;
         <a href="#" id="xx1">DUMMY選單1</a>
         &nbsp;
         <a href="#" id="xx2">DUMMY選單2</a>
         &nbsp;
         <a href="javascript:;" onclick="$('div.focus').toggle();" class="flbc" title="打開/關閉">打開/關閉</a>
         &nbsp;
                        登入者：JXYEHX
         &nbsp;
                        現在時間：<script language="javascript">document.write((new Date()).toLocaleString());</script>
    </div>
    <div id="content">
        <decorator:body/>
    </div>
    <div id="footer">
        <p>Copyright &copy; 2011 The Apache Software Foundation.</p>
        <s:hidden name="project-name" value="Struts 2" />
    </div>
    <p/>
    
</div>



<div class="focus" id="focus">
<h3 class="flb">
<em>公告資訊</em>
<span><a href="javascript:;" onclick="$('div.focus').toggle();" class="flbc" title="關閉">關閉</a></span>
</h3>
<hr class="l" />
<div class="detail">
<iframe src="http://www.google.com"  scrolling="no" width="570" frameborder="0" ></iframe>
</div>
<hr class="l" />
<a href="http://photoonline.com.tw/forum.php?mod=viewthread&tid=22" class="moreinfo" target="_blank">查看</a>
</div>

</body>
</html>
